<template>
  <div class="home">
    <div class="home-container">
      <Banner />
      <!--产品组-->
      <ProductGroup ref="productGroupRef"/>
    </div>
  </div>
</template>

<script setup>
import Banner from './components/banner.vue'
import ProductGroup from './components/productGroup.vue';
import { watch, toRefs, ref } from 'vue';

const productGroupRef = ref(null)
function load () {
  productGroupRef.value.load()
}
defineExpose({
  load
})

</script>

<style scoped lang="scss">
.home{
  .home-container{
    width: 750rpx;
    margin: 0 auto;
  }
}
</style>